<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>图书简介</title>
    <link rel="stylesheet" href="css/bookStyle.css">
<!--    “自营图书几十万……”一行字体颜色为红色-->
<!--    京东价“￥24.10”字体为24px、红色加粗显示-->
<!--    “[定价：￥35.00]”字体颜色为#cccccc，价格中有中划线-->
<!--    <dl>标签中的字体颜色均为红色-->
<!--        单击“以下促销….”显示隐藏的内容，此部分字体颜色均为红色-->
<!--        “加购价”、“满减”、“105-5”、“200-16”字体颜色为白色，背景颜色为红色，上下内边距为1px，左右内边距为5px，外右边距为5px-->
    <script src="js/jquery-1.12.4.js"></script>
    <script>
    $(function () {
        $(".intro").css("color","red");
        $("#jdPrice>span").css({"font-size":"24px","color":"red","font-weight":"bold"});
        $("#jdPrice p").css({"color":"#cccccc"});
        $("#jdPrice p span").css({"text-decoration":"line-through"});
        $("dl").css("color","red");

        $("dl span,#ticket span").css({"background":"#ff0000","color":"#ffffff","padding":"1px 5px","margin-right":"5px"});

        $("dt").mouseover(function(){
            $("dd").css("display","block");
        }).mouseleave(function () {
            $("dd").css("display","none");
        });



    });

    </script>


</head>
<body>
<section id="book">
    <div class="imgLeft"><img src="images/store.jpg" alt="岛上书店"></div>
    <div class="textRight">
        <h1>岛上书店【荐书联盟推荐】[The Storied Life of A.J.Fikry]</h1>
        <p class="intro">自营图书几十万畅销品种阶梯满减，抽奖赢魅蓝note3、JDRead阅读器！</p>
        <p id="author">[美] 加·泽文（Gabrielle Zevin） 著；孙仲旭，李玉瑶 译</p>
        <div class="price">
            <div id="jdPrice">京东价： <span>￥24.10</span> [6.9折] <p>[定价：<span>￥35.00</span>]</p> (降价通知)</div>
            <p id="mobilePrice">促销信息：<span>手机专享价</span> <span>￥9.90</span></p>
            <dl>
                <dt>以下促销可在购物车任选其一</dt>
                <dd><span>加价购</span> 满99.00元另加6.18元即可在购物车换购热销商品</dd>
                <dd><span>满减</span> 满100.00减20.00，满200.00减60.00，满300.00减100.00</dd>
            </dl>
            <p id="ticket">领 券：<span>105-6</span>  <span>200-16</span></p>
        </div>
    </div>
</section>
<!--<script src="js/jquery-1.12.4.js"></script>-->
<!--<script src="js/book.js"></script>-->
</body>
</html>